<?php if (!defined('THINK_PATH')) exit(); /*a:1:{s:71:"D:\phpstudy\WWW\info\public/../application/index\view\index\index2.html";i:1545043885;}*/ ?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
	
	<!-- Meta tag Keywords -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8">
	<meta name="keywords" content="" />
	<script type="application/x-javascript">
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!--// Meta tag Keywords -->
    
	<!-- css files -->
	<link rel="stylesheet" href="/static/css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
	<link rel="stylesheet" href="/static/css/style2.css" type="text/css" media="all" /> <!-- Style-CSS -->
	<link rel="stylesheet" href="/static/css/fontawesome-all.css"> <!-- Font-Awesome-Icons-CSS -->
	<!-- //css files -->
	
	<link rel="stylesheet" href="/static/css/flexslider.css" type="text/css" media="screen" />
	
	<!--web font-->
	<link href="http://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
	<!--//web font-->

</head>

<body>
<header>	
<div class="container" style="background-color: black">
<!-- nav -->
		<nav class="navbar navbar-expand-lg navbar-light py-4">
			<!-- logo -->
			<h1>
				<a class="navbar-brand" href="index.html"> <i class="fas fa-globe"></i>
					项目火 <span>精准吸粉</span>
				</a>
			</h1>
			<!-- //logo -->
			<button class="navbar-toggler ml-md-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
				aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<!-- main nav -->
			<div class="collapse navbar-collapse" id="navbarSupportedContent">
				<ul class="navbar-nav ml-lg-auto text-center">
					<li class="nav-item active mr-lg-2">
						<a class="nav-link" href="index.html">首页
							<span class="sr-only">(current)</span>
						</a>
					</li>
					<li class="nav-item mr-lg-2">
						<a class="nav-link scroll" href="#welcome">关于我们</a>
					</li>
					<li class="nav-item mr-lg-2">
						<a class="nav-link scroll" href="#services">项目介绍</a>
					</li>
					<li class="nav-item mr-2">
						<a class="nav-link scroll" href="#pricing">价格体系</a>
					</li>
					<li class="dropdown nav-item mr-lg-2">
						<a href="#testimonials" class="nav-link scroll">客户反馈</a>

					</li>
					<li class="last">
						<?php if(\think\Cookie::get('uid') > 0): ?>
						<a class="contact" href="<?php echo url('member'); ?>">信息发布</a>
						<?php else: ?>
						<a class="contact scroll" data-toggle="modal" data-target="#exampleModalCenter" role="button" href="#">系统登录</a>
						<?php endif; ?>
					</li>
				</ul>
			</div>
			<!-- //main nav -->
		</nav>
		<!-- //nav -->
</div>
</header>
		
<!-- banner -->
<div class="banner">
	<div class="banner-layer">
		<div class="container">
			<div class="agile_banner_info">
				<div class="agile_banner_info1">
					<div id="typed-strings" class="agileits_w3layouts_strings">
						<p>您想实现贵公司网站 <i>在搜索引擎排名垄断吗?</i></p>
						<p>您想实现搜索第一页 <i>全部为贵公司信息吗？</i> </p>
						<p><i>您想快速的实现品牌知名度，</i>压制负面信息吗？ </p>
						<p>这些我们统统都可以 <i>帮你实现！</i></p>
					</div>
					<span id="typed" style="white-space:pre;"></span>
				</div>
			<div class="banner_agile_para">
				<p>
					网站没排名，一切等于零！让企业站在巨人头顶看世界，推广从此不再从0做起，最快1天排在首页。
				</p>
			</div>
			<a href="#" data-toggle="modal" data-target="#exampleModalCenter" role="button"> Read More </a>
			</div>
		</div>
	</div>
</div>
<!-- //banner -->	

<!-- about -->
<section class="welcome py-5" id="welcome">
	<div class="container">
		<div class="head_part">
			<h3 class="heading">关于 我们</h3>
			<p class="heading-bottom mb-5">About Our Company</p>
		</div>
		<div class="row">
			<div class="col-lg-7 welcome_left">
				<h3 class="mb-3">10年历史的技术公司，核心技术人员来着北京、杭州</h3>
				<h4 class="mb-3">一直致力于互联网研究和创新技术！</h4>
				<p>
					通过OpenStack架构建立私有云资源池，并实现高可用故障转移（HA）、资源智能调配（VDS）、自动备份（Auto-backup）、
					负载压力分担（NBL）等多种功能，为关键词云推广提供强大的计算能力，通过丰富的网盟媒体资源实现万词霸屏推广

				</p>
				<a href="#" data-toggle="modal" data-target="#exampleModalCenter" role="button"> Read More </a>
				
				<div class="row about-grids">
					<div class="col-md-4 about-grid1">
						<h3>SEO高端技术</h3>
						<p>Ullamcorper Non, ipsum hendrerit in nisi</p>
					</div>
					<div class="col-md-4 about-hover-grid">
						<h3>深入用户体验</h3>
						<p>Ullamcorper Non, ipsum hendrerit in nisi</p>
					</div>
					<div class="col-md-4 about-hover-grid">
						<h3>众多成功经验</h3>
						<p>Ullamcorper Non, ipsum hendrerit in nisi</p>
					</div>
				</div>
				
			</div>
			<div class="col-lg-5 welcome_right mt-lg-0 mt-5">
				<div class="row grid1">
					<div class="col-md-3 col-sm-2 col-3 icon color1 text-center">
						<span class="fas fa-info-circle" aria-hidden="true"></span>
					</div>
					<div class="col-md-9 col-sm-10 col-9 grid_info">
						<h3 class="mb-2">万词霸屏 </h3>
						<p>Lorem ipsum dolor sit amet aueit, consectetur adipiscing elit. Quisque utrisus eget libero finibus. Etiam males</p>
					</div>
				</div>
				<div class="row grid2">
					<div class="col-md-3 col-sm-2 col-3 icon color1 text-center">
						<span class="fas fa-headphones" aria-hidden="true"></span>
					</div>
					<div class="col-md-9 col-sm-10 col-9 grid_info">
						<h3 class="mb-2">微信吸粉</h3>
						<p>Lorem ipsum dolor sit amet aueit, consectetur adipiscing elit. Quisque utrisus eget libero finibus. Etiam males</p>
					</div>
				</div>
				<div class="row grid3">
					<div class="col-md-3 col-sm-2 col-3 icon color1 text-center">
						<span class="fas fa-users" aria-hidden="true"></span>
					</div>
					<div class="col-md-9 col-sm-10 col-9 grid_info">
						<h3 class="mb-2">项目火人脉圈</h3>
						<p>Lorem ipsum dolor sit amet aueit, consectetur adipiscing elit. Quisque utrisus eget libero finibus. Etiam males</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- //about -->


<!-- pricing -->
<section class="pricing" id="pricing">
	<div class="pricing-layer py-5">
		<div class="container py-3">
			<div class="head_part">
				<h3 class="heading">Pricing</h3>
				<p class="heading-bottom mb-5">Check Our Pricing Plans</p>
			</div>
			<div class="row prcing-grids">
				<div class="col-lg-3 col-sm-6">
					<div class="pricing-grid1 text-center">
						<h3> Business</h3>
						<h4>23$ / month</h4>
						<div class="pricing-info">
							<p> Business Support</p>
							<p> Management</p>
							<p> 24/7 Support</p>
							<p> ------------</p>
						</div>
						<a href="#">Select </a>
					</div>
				</div>
				<div class="col-lg-3 col-sm-6 mt-sm-0 mt-5">
					<div class="pricing-grid1 text-center">
						<h3> Personal</h3>
						<h4>23$ / month</h4>
						<div class="pricing-info">
							<p> Business Support</p>
							<p> Management</p>
							<p> 24/7 Support</p>
							<p> 50gb Storage</p>
						</div>
						<a href="#">Select </a>
					</div>
				</div>
				<div class="col-lg-3 col-sm-6 mt-lg-0 mt-5">
					<div class="pricing-grid1 text-center">
						<h3> Gold</h3>
						<h4>23$ / month</h4>
						<div class="pricing-info">
							<p> Business Support</p>
							<p> Management</p>
							<p> 24/7 Support</p>
							<p> 100gb Storage</p>
						</div>
						<a href="#">Select </a>
					</div>
				</div>
				<div class="col-lg-3 col-sm-6 mt-lg-0 mt-5">
					<div class="pricing-grid1 text-center">
						<h3> Ultimate</h3>
						<h4>23$ / month</h4>
						<div class="pricing-info">
							<p> Business Support</p>
							<p> Management</p>
							<p> 24/7 Support</p>
							<p> 150gb Storage</p>
						</div>
						<a href="#">Select </a>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- //pricing -->


<!-- testimonials -->
<div class="testimonials py-5" id="testimonials">
	<div class="container py-3">
		<div class="head_part">
			<h3 class="heading">用户反馈</h3>
			<p class="heading-bottom mb-5">What Our Customer Says</p>
		</div>
		<div class="flexslider-info">
			<section class="slider">
				<div class="flexslider">
					<ul class="slides">
						<li>
							<div class="row w3l-info1">
								<div class="col-md-3 testimonials-grid-1">
									<img src="/static/images/test1.jpg" alt="" />
								</div>
								<div class="col-md-9 testimonials-grid-2">
									<i class="fas fa-quote-left"></i>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ut risus eget libero finibus elit facilisis.
									Phasellus tempus hendrerit sem ut iaculis. Quisque ut risus eget libero Sed sit amet augue sit amet mauris gravida interdum. Donec vulputate
									tempus sem eget consectetur adipiscing elit. Quisque ut risus eget libero Quisque ut risus.</p>
									<h4>Johnson</h4>
									<h5>subtitles here</h5>
								</div>
							</div>
						</li>
						<li>
							<div class="row w3l-info1">
								<div class="col-md-3 testimonials-grid-1">
									<img src="/static/images/test2.jpg" alt="" />
								</div>
								<div class="col-md-9 testimonials-grid-2">
									<i class="fas fa-quote-left"></i>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ut risus eget libero finibus elit facilisis.
									Phasellus tempus hendrerit sem ut iaculis. Quisque ut risus eget libero Sed sit amet augue sit amet mauris gravida interdum. Donec vulputate
									tempus sem eget consectetur adipiscing elit. Quisque ut risus eget libero Quisque ut risus.</p>
									<h4>Richard</h4>
									<h5>subtitles here</h5>
								</div>
							</div>
						</li>
						<li>
							<div class="row w3l-info1">
								<div class="col-md-3 testimonials-grid-1">
									<img src="/static/images/test3.jpg" alt=""  />
								</div>
								<div class="col-md-9 testimonials-grid-2">
									<i class="fas fa-quote-left"></i>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ut risus eget libero finibus elit facilisis.
									Phasellus tempus hendrerit sem ut iaculis. Quisque ut risus eget libero Sed sit amet augue sit amet mauris gravida interdum. Donec vulputate
									tempus sem eget consectetur adipiscing elit. Quisque ut risus eget libero Quisque ut risus.</p>
									<h4>Carnivel</h4>
									<h5>subtitles here</h5>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</section>
		</div>
	</div>
</div>
<!-- //testimonials -->	


<!-- footer -->	
<footer class="py-5">
	<div class="container">
		<div class="row">
			<div class="col-lg-3 col-sm-6 agileinfo_footer_grid footer-logo">
				<h2><a href="#"><i class="fas fa-globe"></i>
					项目火 <span>吸粉系统</span></a></h2>
			</div>
			<div class="col-lg-2 col-sm-6 agileinfo_footer_grid">
				<h3 class="mb-3"> 菜单</h3>
				<div class="agileinfo-social-grids footer-w3icons">
					<ul>
						<li class="mb-1"><a href="#"><i class="fa fa-home"></i>  首页</a></li>
						<li class="mb-1"><a href="#"><i class="fa fa-home"></i> 万词霸屏</a></li>
						<li class="mb-1"><a href="#"><i class="fas fa-cogs"></i> 微信吸粉</a></li>
						<li class="mb-1"><a href="#"><i class="fas fa-users"></i> 项目火人脉圈</a></li>
						<li class="mb-1"><a href="#"><i class="fas fa-envelope-open"></i> 用户反馈</a></li>
					</ul>
				</div>
			</div>
			<div class="col-lg-3 col-sm-6 mt-lg-0 mt-sm-5 mt-3 agileinfo_footer_grid">
				<h3 class="mb-3"> 地址</h3>
				<ul class="con_inner_text">
					<li class="mb-2"><span class="fa fa-map-marker" aria-hidden="true"></span>济南 <label> 市中区 万达广场 C座.</label></li>
					<li class="mb-2"><span class="fas fa-envelope-open" aria-hidden="true"></span> <a href="mailto:info@example.com">info@example.com</a></li>
					<li class="mb-1"><span class="fa fa-phone" aria-hidden="true"></span> +1234 567 567</li>
					<li class="mb-1"><span class="fa fa-clock" aria-hidden="true"></span> 8am to 6pm</li>
					<li class="mb-1"><span class="fa fa-globe" aria-hidden="true"></span> <a href="http://www.150t.com">www.150t.com</a></li>
				</ul>
			</div>
			<div class="col-lg-4 col-sm-6 mt-lg-0 mt-sm-5 mt-3 agileinfo_footer_grid">
				<h3 class="mb-3">友情链接</h3>
				<p>济南信息网</p>

			</div>
			
			<!-- copyright -->
			<div class="col-lg-6 copyleft pl-0 pt-4 mt-4">

			</div>
			<div class="col-lg-6 copyright pr-0 pt-4 mt-4">
				<p style="color: white">Copyright &copy; 2018.Company name All rights reserved.
					<a target="_blank" href="http://www.150t.com">项目火</a>
				</p>
			</div>
			<!-- //copyright -->
			
		</div>
	</div>
</footer>
<!-- footer -->

	<!-- Vertically centered Modal -->
	<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
	  <div class="modal-dialog modal-dialog-centered" role="document">
		<div class="modal-content">
		  <div class="modal-header">
			<h5 class="modal-title text-capitalize text-center" id="exampleModalLongTitle"><span class="fas fa-globe"></span> 项目火 <span class="logo">精准营销</span></h5>
			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
			  <span aria-hidden="true">&times;</span>
			</button>
		  </div>
			<form action="<?php echo url('login'); ?>" method="post">
			<div class="modal-body">
				<p style="padding: 10px 50px">手机号码：<input type="text" name="mobile"></p>
				<p style="padding: 10px 50px">登录密码：<input type="password" name="password"></p>
		  </div>
		  <div class="modal-footer">
			<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
			  <input type="submit" class="btn btn-primary" value="登录">
		  </div>
			</form>
		</div>
	  </div>
	</div>
	<!-- //Vertically centered Modal -->

	<!-- js -->
	<script type="text/javascript" src="/static/js/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="/static/js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap -->
	<!-- //js -->	
	
	<!-- banner-type-text -->
		<script src="/static/js/typed.js" type="text/javascript"></script>

	<!-- //banner-type-text -->
	
	<!-- Stats-Number-Scroller-Animation-JavaScript -->
	<script src="/static/js/waypoints.min.js"></script>
	<script src="/static/js/counterup.min.js"></script>
	<script>
		jQuery(document).ready(function( $ ) {
			$('.counter').counterUp({
				delay: 10,
				time: 1000 
			});
		});
	</script>
	<!-- //Stats-Number-Scroller-Animation-JavaScript -->
<script>
    $(function(){

        $("#typed").typed({
            // strings: ["Typed.js is a <strong>jQuery</strong> plugin.", "It <em>types</em> out sentences.", "And then deletes them.", "Try it out!"],
            stringsElement: $('#typed-strings'),
            typeSpeed: 30,
            backDelay: 500,
            loop: false,
            contentType: 'html', // or text
            // defaults to false for infinite loop
            loopCount: false,
            callback: function(){ foo(); },
            resetCallback: function() { newTyped(); }
        });

        $(".reset").click(function(){
            $("#typed").typed('reset');
        });

    });

    function newTyped(){ /* A new typed object */ }

    function foo(){ console.log("Callback"); }
</script>
	<!-- flexslider --><!-- for testimonials -->
	<script defer src="/static/js/jquery.flexslider.js"></script>
	<!--Start-slider-script-->
		<script type="text/javascript">
		
		$(window).load(function(){
		  $('.flexslider').flexslider({
			animation: "slide",
			start: function(slider){
			  $('body').removeClass('loading');
			}
		  });
		});
	  </script>
	<!--End-slider-script-->
	<!-- //flexslider --><!-- //for testimonials -->

	<!-- start-smoth-scrolling -->
	<script src="/static/js/SmoothScroll.min.js"></script>
	<script type="text/javascript" src="/static/js/move-top.js"></script>
	<script type="text/javascript" src="/static/js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
			});
		});
	</script>
	<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
	<!-- //here ends scrolling icon -->
	<!-- start-smoth-scrolling -->

</body>
</html>